<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
 	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/style.css" ></link>
	<link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/demos.css" />
</h:head>
<h:body>
	<div id="addEemployePanez" class="homepage" title="#{msg.addEemployePane}">
			<table width="100%" cellspacing="0" cellpadding="0" border="0">
				<tr>
					<td width="100%" height="70px"/>
				</tr>
				<tr>
					<td width="90%" height="300px">
						<table width="100%" >
							<tr>
								<td  width="10px" height="50px"/>
								<td  width="90%"><h:form>	<div class="tabs-secondary">
										<ul class="tabs secondary">
									    	
									    	<li>
										   			<h:commandLink action="#{chantierController.retourAuChantier}"  value="Chantiers"/>
										   			</li>
									    		<li>
									    			<h:commandLink  action="#{clientController.retourAuClient}" value="Clients"/> </li>
												<li>
										   			<h:commandLink action="#{associeController.retourAuAssocie}"  value="Associés"/>
										   			</li>
										    	<li>
									    			<h:commandLink  action="#{userController.retourAuUser}" value="Utilisateurs Systeme"/> </li>
									   		
									   		<li>
									    			<h:commandLink  action="#{employeController.retourAEmploye}" value="Employés"/> </li>
									   		
									   		<li>
									    			<h:commandLink  action="#{fournisseurController.retourAuFournisseur}" value="Fournisseurs"/> </li>
									   		
									   		
									   		    	
									    	</ul>
									    	
									    	
									    	
									    	<ul class="tabs secondary">
									    	
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									    	<li></li>
									   		<li><h:commandLink  action="#{employeController.retourACategorie}" value="Catégories Emloyés"/> </li> 
									   		<li><h:commandLink  action="#{employeController.retourAImputation}" value="Imputations"/> </li>
									   		 <li><h:commandLink  action="#{employeController.retourAExportImputation}" value="Export Imputations"/> </li>	
									    	</ul>
									  </div></h:form> 
								</td>
								<td/>
								
							</tr>
							<tr>
								<td  width="10px" height="50px"/>
								<td  width="90%">
									<h:outputText value="#{msg.ajouteremploye}" styleClass="welcomeAuth" />
								</td>
								<td/>
							</tr>
							<tr>
								<td  width="5px" height="100px"/>
								<td  style="margin:0 auto;">		<h:form>
									<table border="0" width="100%">
										<tr style="height: 10px" />
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.nom}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.nom}"  size="25"/></td>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.prenom}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.prenom}"  size="25" /></td>
										</tr>
										<tr>
											<td><h:outputLabel value="#{msg.categorie}"/></td>
			    							<td><h:selectOneMenu  disabled="#{employeController.delete}"
													value="#{employeController.idCategorie}" id="categorieEemploye">
													<f:selectItems value="#{employeController.listCateg}" />
												</h:selectOneMenu>
												<a4j:commandButton value="Ajouter" action="#{employeController.goToAddCatFromAddEmploye}"/>
											</td>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.telephone}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.telephone}"  size="15"/></td>
										</tr>
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.portable}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.portable}" size="15"/></td>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.email}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.email}" size="25"/></td>
											
										</tr>
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.cnss}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.cnss}" size="25" /></td>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.ville}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.ville}" size="25"/></td>
										</tr>
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.adress}"  /></td>
											<td align="left"><h:inputTextarea disabled="#{employeController.delete}" cols="50" rows="5" value="#{employeController.employe.adresse}"  /></td>
										</tr>
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.dateDebTravail}"  /></td>
											<td><rich:calendar datePattern="dd/M/yyyy" enableManualInput="true"
													value="#{employeController.employe.dateDebTravail}" > 
												<rich:placeholder value="dd/mm/yyyy" />
											</rich:calendar></td>
											
											<td align="left" width="100px;"><h:outputLabel value="#{msg.dateFinTravail}"  /></td>
											<td><rich:calendar datePattern="dd/M/yyyy" enableManualInput="true"
													value="#{employeController.employe.dateFinTravail}" > 
												<rich:placeholder value="dd/mm/yyyy" />
											</rich:calendar></td>
											
											</tr>
										<tr>
											
											<td align="left" width="100px;"><h:outputLabel value="#{msg.salaireJour}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.salaireJour}" size="25" /></td>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.salaireHeure}"  /></td>
											<td align="left"><h:inputText disabled="#{employeController.delete}" value="#{employeController.employe.salaireHeure}" size="25"/></td>
										</tr>
										<tr>
											<td align="left" width="100px;"><h:outputLabel value="#{msg.estJournalier}"  /></td>
												<td align="left"><h:selectBooleanCheckbox disabled="#{employeController.delete}" value="#{employeController.employe.estJournalier}"  size="25" /></td>
										
											</tr>
											<tr>
											
											
											
											<td><h:outputLabel value="Date Dernier Paiement"/></td>
					 							<td><rich:calendar datePattern="dd/M/yyyy" enableManualInput="true"
													value="#{employeController.employe.dateDernierePaie}" > 
												<rich:placeholder value="dd/mm/yyyy" />
											</rich:calendar></td>
											
										</tr>
									
									</table>
									
									
									
									
									
									
									
								
									
									
									
									
									
									
									
									
								<table border="0" width="100%">
									<tr style="height: 90px" />
									<tr>
										<td width="100px;" />
										<td style="vertical-align: center;"></td>
										<td align="right">
											<a4j:commandButton render="tabEmploye" value="#{msg.valider}" 
												action="#{employeController.saveOrUpdateEmploye}"/>
										</td>
										<td align="right" width="35px"><a4j:commandButton render="tabEmploye"
											value="#{msg.retour}" action="#{employeController.retourAEmploye}" /></td>
									</tr>
								</table>
								</h:form>
								</td>
							<td  width="10px" height="100px">
						</td>
					</tr>
			</table>		
			</td>
				</tr>
			</table>		
	</div>
</h:body>
</html>